<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Youtube Offline User's Manual</title>
<style type="text/css">
<!--
.style1 {
	color: #000000;
	font-size: 24px;
}
.style2 {
	color: #FF0000;
	font-size: 14px;
}
.style3 {color: #000000}
.style4 {color: #FF0000}
.style5 {color: #000000; font-size: 14px; }
-->
</style>
</head>

<body>
<p align="left" class="style1">Youtube Offline User's Manual</p>
<p align="right" class="style5">Author: <a href="http://sites.google.com/a/coolyu.twbbs.org/coolyu/">Bob Wei </a>2009/06/25</p>
<!--  Google Adsense-->
<script type="text/javascript"><!--
google_ad_client = "pub-5931171682448636";
/* 728x90, 已建立 2009/6/23 */
google_ad_slot = "1294657019";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<p class="style2">It's recommended to use it with <a href="http://www.google.com/chrome/index.html?hl=zh_tw&amp;brand=CHMB&amp;utm_campaign=zh_tw&amp;utm_source=zh_tw-ha-apac-tw-sk&amp;utm_medium=ha">Google Chrome</a> or <a href="http://www.moztw.org/firefox/">Mozila Firefox</a> to get the best user experience!!</p>
<p class="style2">(There are still some bugs on IE)</p>
<p class="style2 style3">1.If you see the red rectangle below, that means you didn't install Google Gears. Please follow the <a href="http://gears.google.com">link</a> to get Google Gears install. (It's a tool provided by Google to make the service offline avalible.)</p>
<p class="style2 style3"><img src="manual/YoutubeOfflineUserManual/fig1.png" width="1280" height="800" /></p>
<p>2. Install Google Gears</p>
<p><img src="manual/YoutubeOfflineUserManual/fig2.png" width="1280" height="800" /></p>
<p>3.Restart the browser and back to the <a href="http://coolyulab.coolyu.twbbs.org">Youtube Offline</a>. To use the offline future, please allow it to use Google Gears.</p>
<p><img src="manual/YoutubeOfflineUserManual/fig5.png" width="1280" height="800" /></p>
<p>4.Now it's updating.</p>
<p><img src="manual/YoutubeOfflineUserManual/fig3.png" width="1280" height="800" /></p>
<p>5.If you didn't see the offline panel, it means you didn't have the latest Adobe flash player. Please follow the <a href="http://get.adobe.com/flashplayer/">link</a> to get Adobe flash player installed.</p>
<p>6.Before you can view it on offline panel, you have to download the file.</p>
<p><img src="manual/YoutubeOfflineUserManual/fig6.png" width="1280" height="800" /></p>
<p>7.Open the Youtube Panel</p>
<p><img src="manual/YoutubeOfflineUserManual/fig7.png" width="1280" height="800" /></p>
<p>8.Click the download button to download the example video. (You can also download the videos you want by put the Youtube address in the text field.)</p>
<p><img src="manual/YoutubeOfflineUserManual/fig8.png" />9.After the download process complete, it will start to play automatically. (<span class="style4">In this version of Youtube Offline, you can't download the file larger than 1 MB(about 30 seconds video. = =)</span> due to the limitation of URL fetch service of Google App Engine. Please go to another version of <a href="http://www.coolyu.twbbs.org:8080/YoutubeOffline/">Youtube Offline</a> on my server for larger video downloading.)</p>
<p><img src="manual/YoutubeOfflineUserManual/fig9.png" width="1280" height="800" /></p>
<p>10.You can now watch the video offline. To check whether it works, please browse Youtube Offline in offline mode. (We take firefox as example below.)</p>
<p><img src="manual/YoutubeOfflineUserManual/fig10.png" width="1280" height="800" /></p>
<p>11. Enjoy it. :)</p>
</body>
</html>
